<!DOCTYPE html>
<html lang="en">

<head>
  <!-- icon -->
  <link rel="shortcut icon" href="images/favicon.ico">
  <!-- basic -->
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <!-- mobile metas -->
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="viewport" content="initial-scale=1, maximum-scale=1">
  <!-- site metas -->
  <title>lion</title>
  <meta name="keywords" content="">
  <meta name="description" content="">
  <meta name="author" content="">
  <!-- bootstrap css -->
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <!-- style css -->
  <link rel="stylesheet" href="css/style.css">
  <!-- Responsive-->
  <link rel="stylesheet" href="css/responsive.css">
  <!-- fevicon -->
  <link rel="icon" href="images/fevicon.png" type="image/gif" />
  <!-- Scrollbar Custom CSS -->
  <link rel="stylesheet" href="css/jquery.mCustomScrollbar.min.css">
  <!-- Tweaks for older IEs-->
  <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.css"
    media="screen">
  <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
</head>
<!-- body -->

<body class="main-layout">
  <!-- loader  -->
  <!-- <div class="loader_bg">
    <div class="loader"><img src="images/loading.gif" alt="#" /></div>
  </div> -->

  <div class="wrapper">

    <!-- end loader -->
    <div class="sidebar">
      <!-- Sidebar  -->
      <nav id="sidebar">

        <div id="dismiss">
          <i class="fa fa-arrow-left"></i>
        </div>

        <ul class="list-unstyled components">

          <li class="active">
            <a href="#">主页</a>
          </li>
          <li>
            <a href="#brand">热门电影</a>
          </li>
          <li>
            <a href="#shoes">最新上映</a>
          </li>
          <li>
            <a href="#fire">火热预售</a>
          </li>
          <li>
            <a href="#jewellery">编辑推荐</a>
          </li>
        </ul>

      </nav>
    </div>

    <div id="content">
      <!-- header -->
      <header>
        <!-- header inner -->
        <div class="head_top">
          <div class="header">

            <div class="container-fluid">

              <div class="row">
                <div class="col-lg-3 logo_section">
                  <div class="full">
                    <div class="center-desk">
                      <div class="logo">
                        <a href="index.html"><img src="images/logo.png" alt="#"></a>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-lg-9">
                  <div class="right_header_info">
                    <ul>
                      <script>
                        function URL_Request(strName) {
                          var strHref = document.location.toString();
                          var intPos = strHref.indexOf("?");
                          var strRight = strHref.substr(intPos + 1); //==========获取到右边的参数部分
                          var arrTmp = strRight.split("&"); //=============以&分割成数组

                          for (var i = 0; i < arrTmp.length; i++) //===========循环数组
                          {
                            var dIntPos = arrTmp[i].indexOf("=");
                            var paraName = arrTmp[i].substr(0, dIntPos);
                            var paraData = arrTmp[i].substr(dIntPos + 1);
                            if (paraName.toUpperCase() == strName.toUpperCase()) {
                              return paraData;
                            }
                          }
                          return "";
                        }
                      </script>
                      <li class="menu_iconb">
                        <a id="phone" href=""><img style="margin-right: 15px;" src="icon/1.png" alt="#" />
                          <script>
                            document.write(URL_Request("email"))
                          </script>
                        </a>
                      </li>

                      <li class="menu_iconb">
                        <a href="http://localhost:8080/login">
                          <script>
                            let name = URL_Request("name")
                            if(name != ""){
                              document.write(name)
                            }else{
                              document.write("登录")
                            }
                          </script>
                           <img style="margin-right: 15px;" src="icon/5.png" alt="#" /> </a>
                      </li>
                      <li class="menu_iconb">
                        <a href="#">注册<img style="margin-left: 15px;" src="icon/6.png" alt="#" />
                          
                        </a>
                      </li>
                      <li class="tytyu">
                        <a href="#"> <img style="margin-right: 15px;" src="icon/2.png" alt="#" /></a>
                      </li>
                      <li class="menu_iconb">
                        <a href="#"><img style="margin-right: 15px;" src="icon/3.png" alt="#" /></a>
                      </li>

                      <li>
                        <button type="button" id="sidebarCollapse">
                          <img src="images/menu_icon.png" alt="#" />
                        </button>
                      </li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <!-- end header inner -->

          <!-- end header -->
          <section class="slider_section">
            <div class="banner_main">
              <div class="container-fluid padding3">
                <div class="row">
                  <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12 mapimg">
                    <div class="text-bg">
                      <h1>You <br>
                        Can<br>
                        See <br>
                        All</h1>
                      <span>视觉盛宴，极致享受，飞跃梦想，质高无上</span>
                      <a href="#">购 票</a>
                    </div>
                  </div>
                  <div class="col-xl-8 col-lg-8 col-md-8 col-sm-12">
                    <div id="myCarousel" class="carousel slide banner_Client" data-ride="carousel">
                      <ol class="carousel-indicators">
                        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                        <li data-target="#myCarousel" data-slide-to="1"></li>
                        <li data-target="#myCarousel" data-slide-to="2"></li>
                      </ol>
                      <div class="carousel-inner">
                        <div class="carousel-item active">
                          <div class="container">
                            <div class="carousel-caption text">
                              <div class="row">
                                <div class="col-md-12">
                                  <div class="img_bg">
                                    <figure><img src="http://movie.chenyangdu.xyz:8081/image/movie?id=h_5" /></figure>
                                  </div>
                                </div>
                              </div>

                            </div>
                          </div>
                        </div>
                        <div class="carousel-item">
                          <div class="container">
                            <div class="carousel-caption text">
                              <div class="row">
                                <div class="col-md-12">
                                  <div class="img_bg">
                                    <figure><img src="http://movie.chenyangdu.xyz:8081/image/movie?id=h_10" /></figure>
                                  </div>
                                </div>
                              </div>

                            </div>
                          </div>
                        </div>
                        <div class="carousel-item">
                          <div class="container">
                            <div class="carousel-caption text">
                              <div class="row">
                                <div class="col-md-12">
                                  <div class="img_bg">
                                    <figure><img src="http://movie.chenyangdu.xyz:8081/image/movie?id=h_9" /></figure>
                                  </div>
                                </div>
                              </div>

                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </section>

        </div>
      </header>
      <!-- Categories -->
      <div class="Categories">
        <div class="container">
          <div class="row">
            <div class="col-md-12">
              <div class="title">
                <h2> 尽在狮眸</h2>
                <ul class="categiri">
                  <li class="active"><a href="#">热门电影</a></li>
                  <li><a href="#shoes">最新上映</a></li>
                  <li><a href="#fire">火热预售</a></li>
                  <li><a href="#jewellery">编辑推荐</a></li>
                </ul>
              </div>
            </div>
          </div>

          <!-- news brand -->
          <div id="brand" class="brand-bg">
            <h3>热门电影</h3>
            <div class="row">
              <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 margintop">
                <div class="brand-box">
                  <!-- <h5>Sale</h5> -->
                  <i><img src="http://movie.chenyangdu.xyz:8081/image/movie?id=1" />
                  </i>
                </div>
                <a class="buynow" href="http://localhost:8080/movie?id=1">购 票</a>
              </div>
              <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 margintop">
                <div class="brand-box">
                  <i><img src="http://movie.chenyangdu.xyz:8081/image/movie?id=2" /></i>
                </div>
                <a class="buynow" href="#">购 票</a>
              </div>
              <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12">
                <div class="brand-box">
                  <i><img src="http://movie.chenyangdu.xyz:8081/image/movie?id=3" /></i>
                </div>
                <a class="buynow" href="#">购 票</a>
              </div>
              <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12">
                <div class="brand-box">
                  <i><img src="http://movie.chenyangdu.xyz:8081/image/movie?id=4" /></i>
                </div>
                <a class="buynow" href="#">购 票</a>
              </div>
            </div>
          </div>
          <a class="seemore" href="#">更 多</a>
          <!-- end news brand -->

          <!-- news shoes -->
          <div id="shoes" class="shoes-bg">
            <h3>最新上映</h3>
            <div class="row">
              <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 margintop">
                <div class="shoes-box">
                  <i><img src="http://movie.chenyangdu.xyz:8081/image/movie?id=12" />
                  </i>

                </div>
                <a class="buynow" href="#">购 票</a>
              </div>
              <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 margintop">
                <div class="shoes-box">
                  <i><img src="http://movie.chenyangdu.xyz:8081/image/movie?id=5" /></i>
                </div>
                <a class="buynow" href="#">购 票</a>
              </div>
              <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12">
                <div class="shoes-box">
                  <i><img src="http://movie.chenyangdu.xyz:8081/image/movie?id=6" /></i>
                </div>
                <a class="buynow" href="#">购 票</a>
              </div>
              <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12">
                <div class="shoes-box">
                  <i><img src="http://movie.chenyangdu.xyz:8081/image/movie?id=7" /></i>
                </div>
                <a class="buynow" href="#">购 票</a>
              </div>
            </div>
          </div>
          <a class="seemore" href="#">更 多</a>
        </div>

      </div>
    </div>
    <!-- end news shoes -->

    <!-- end Categories -->

    <section id='fire'>
      <!--  save -->

      <div class="container">
        <div class="row">
          <div class="col-md-12">
            <div class="save">
              <div class="row">
                <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
                  <div class="save_box">
                    <h3>正在火热预售中</h3>
                    <a href="#">购 票</a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <!-- end save -->
    </section>

    <!-- news Jewellery -->
    <div class="container">
      <div class="row">
        <div class="col-md-12">
          <div id="jewellery" class="Jewellery-bg">
            <h3>编辑推荐</h3>
            <div class="row">
              <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 margintop">
                <div class="Jewellery-box">
                  <i><img src="http://movie.chenyangdu.xyz:8081/image/movie?id=8" />
                  </i>

                </div>
                <a class="buynow" href="#">购 票</a>
              </div>
              <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 margintop">
                <div class="Jewellery-box">
                  <i><img src="http://movie.chenyangdu.xyz:8081/image/movie?id=9" /></i>
                </div>
                <a class="buynow" href="#">购 票</a>
              </div>
              <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12">
                <div class="Jewellery-box">
                  <i><img src="http://movie.chenyangdu.xyz:8081/image/movie?id=10" /></i>
                </div>
                <a class="buynow" href="#">购 票</a>
              </div>
              <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12">
                <div class="Jewellery-box">
                  <i><img src="http://movie.chenyangdu.xyz:8081/image/movie?id=11" /></i>
                </div>
                <a class="buynow" href="#">购 票</a>
              </div>
            </div>
          </div>
          <a class="seemore" href="#">更 多</a>
        </div>
      </div>
    </div>
    <!-- end news Jewellery -->

    <!-- news Kids -->
    <!-- <div id="kids" class="Kids_background">
      <div class="container">
        <div class="row">
          <div class="col-md-12">
            <div class="Kids-bg">
              <h3>Kids and Babies</h3>
              <div class="row">
                <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 margintop">
                  <div class="Kids-box">

                    <i><img src="icon/k1.png" />
                    </i>
                    <h4>Price $<span class="nolmal">100</span></h4>

                  </div>
                </div>
                <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12 margintop">
                  <div class="Kids-box">
                    <i><img src="icon/k1.png" /></i>
                    <h4>Price $<span class="nolmal">100</span></h4>
                  </div>
                </div>
                <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12">
                  <div class="Kids-box">
                    <i><img src="icon/k1.png" /></i>
                    <h4>Price $<span class="nolmal">100</span></h4>
                  </div>
                </div>
                <div class="col-xl-3 col-lg-3 col-md-6 col-sm-12">
                  <div class="Kids-box">
                    <i><img src="icon/k1.png" /></i>
                    <h4>Price $<span class="nolmal">100</span></h4>
                  </div>
                </div>
              </div>
            </div>

          </div>
        </div>
      </div>
    </div> -->
    <!-- end news Kids -->
<br/>
    <!--  footer -->
    <footer>
      <div class="footer">
        <div class="container">
          <div class="row">
            <div class="col-md-12">
              <div class="footer_top">
                <div class="row">
                  <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
                    <a href="index.html"> <img class="logo1" src="images/logo1.png" /></a>
                  </div>
                  <div class="col-xl-6 col-lg-6 col-md-6 col-sm-12">
                    <ul class="sociel">
                      <li> <a href="#"><i class="fa fa-facebook-f"></i></a></li>
                      <li> <a href="#"><i class="fa fa-twitter"></i></a></li>
                      <li> <a href="#"><i class="fa fa-instagram"></i></a></li>
                      <li> <a href="#"><i class="fa fa-linkedin"></i></a></li>
                    </ul>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 ">
              <div class="row">
                <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 ">
                  <div class="address">
                    <h3>联系我们 </h3>
                    <ul class="loca">
                      <li>
                        <a href="#"><img src="icon/loc.png" alt="#" /></a>145 londone
                        <br>uk
                      </li>
                      <li>
                        <a href="#"><img src="icon/call.png" alt="#" /></a>+12586954775
                      </li>
                      <li>
                        <a href="#"><img src="icon/email.png" alt="#" /></a>demo@gmail.com
                      </li>

                    </ul>

                  </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6">
                  <div class="address">
                    <h3>客服</h3>
                    <ul class="Menu_footer">
                      <li class="active"> <a href="#">账户</a> </li>
                      <li><a href="#">购票记录</a> </li>
                      <li><a href="#">结账</a> </li>
                      <li><a href="#">登录</a> </li>
                    </ul>
                  </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-6">
                  <div class="address">
                    <h3>合作</h3>
                    <ul class="Links_footer">
                      <li class="active"><a href="#">联系账号</a> </li>
                      <li><a href="#">合作公司</a> </li>
                      <li><a href="#">运营</a> </li>
                    </ul>
                  </div>
                </div>

                <div class="col-lg-3 col-md-6 col-sm-6 ">
                  <div class="address">
                    <h3>狮眸影视</h3>
                    <p>视觉盛宴，极致享受，飞跃梦想，质高无上，专注打造属于你的电影购票平台 </p>
                    <form class="newtetter">
                      <input class="tetter" placeholder="联系方式" type="text" name="Your email">
                      <button class="submit">提交</button>
                    </form>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="copyright">
          <div class="container">
            <p>Copyright 2019 All Right Reserved By <a >j2ee开发小组</a></p>
          </div>
        </div>
      </div>

    </footer>
    <!-- end footer -->


  </div>

  <div class="overlay"></div>

  <!-- Javascript files-->
  <script src="js/jquery.min.js"></script>
  <script src="js/popper.min.js"></script>
  <script src="js/bootstrap.bundle.min.js"></script>
  <script src="js/jquery-3.0.0.min.js"></script>

  <!-- sidebar -->
  <script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
  <script src="js/custom.js"></script>
  <script src="https:cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox.min.js"></script>
  <script type="text/javascript">
    $(document).ready(function () {
      $("#sidebar").mCustomScrollbar({
        theme: "minimal"
      });

      $('#dismiss, .overlay').on('click', function () {
        $('#sidebar').removeClass('active');
        $('.overlay').removeClass('active');
      });

      $('#sidebarCollapse').on('click', function () {
        $('#sidebar').addClass('active');
        $('.overlay').addClass('active');
        $('.collapse.in').toggleClass('in');
        $('a[aria-expanded=true]').attr('aria-expanded', 'false');
      });
    });
  </script>

  <script>
    $(document).ready(function () {
      $(".fancybox").fancybox({
        openEffect: "none",
        closeEffect: "none"
      });

      $(".zoom").hover(function () {

        $(this).addClass('transition');
      }, function () {

        $(this).removeClass('transition');
      });
    });
  </script>
  <script>
    // This example adds a marker to indicate the position of Bondi Beach in Sydney,
    // Australia.
    function initMap() {
      var map = new google.maps.Map(document.getElementById('map'), {
        zoom: 11,
        center: {
          lat: 40.645037,
          lng: -73.880224
        },
      });

      var image = 'images/maps-and-flags.png';
      var beachMarker = new google.maps.Marker({
        position: {
          lat: 40.645037,
          lng: -73.880224
        },
        map: map,
        icon: image
      });
    }
  </script>
  <!-- google map js -->
  <script
    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA8eaHt9Dh5H57Zh0xVTqxVdBFCvFMqFjQ&callback=initMap"></script>
  <!-- end google map js -->
</body>

</html>